/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-rate {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: var(--pure-rate-gap, 4px);

	&__item {
		position: relative;

		&--full {
			.pure-rate__icon {
				&--default {
					opacity: 0;
				}
			}
		}
	}

	&__icon {
		display: flex;
		flex-direction: row;
		align-items: center;
		user-select: none;

		&--default {
			position: relative;
			z-index: 0;
			color: var(--pure-rate-icon-default-color, var(--pure-text-color-light));
		}

		&--fill {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			color: var(--pure-rate-icon-fill-color, var(--pure-theme-danger));
			width: 0%;
			overflow: hidden;
		}
	}

	&__half {
		position: absolute;
		width: 50%;
		height: 100%;
		z-index: 2;
		user-select: none;
		top: 0;
		opacity: 0;

		&--left {
			left: 0;
		}

		&--right {
			right: 0;
		}
	}

	&--disabled {
		pointer-events: none;
		user-select: none;
		opacity: var(--pure-rate-disabled-opacity, var(--pure-opacity-disabled));

		.pure-rate__icon {
			&--default {
				color: var(
					--pure-rate-icon-disabled-color,
					var(--pure-rate-icon-default-color, var(--pure-text-color-light))
				);
			}

			&--fill {
				color: var(--pure-rate-icon-disabled-color, var(--pure-rate-icon-fill-color, var(--pure-theme-danger)));
			}
		}
	}

	&--readonly {
		pointer-events: none;
		user-select: none;
	}
}
